<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/bootstrap.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_2876169_qw9we3md5i.css">
  <link rel="stylesheet" href="./css/renwei.css">
  <link rel="stylesheet" href="./myCssReset.css">
  <script src="./js/jquery.min.js"></script>
  <script src="./js/popper.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <title>Document</title>
  <style></style>
</head>

<body class="bg-light">
  <!-- 页头 -->
  <div class="head">
    <div class="container d-flex justify-content-between">
      <!-- logo -->
      <div class="logo">
        <a href="#"><img src="../../pic/logo.人卫.png" alt=""></a>
      </div>
      <!-- 菜单 -->
      <div class="meun">
        <ul>
          <li><a href="#" class="a">
              <i class="iconfont icon-shouji"></i>移动端下载
            </a></li>
          <li><a href="#" class="z">注册</a></li>
          <li>
            <div class="btn dl">登录</div>
          </li>
          <li><i class="iconfont icon-caidan"></i></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 导航 -->
  <div class="zdy-col mt-4 d-md-block d-none">
    <div class="container">
      <div class="row zdy-r1">
        <div class="col-md-3 d-md-block d-none a">全部增值图书</div>
        <div class="col-md-4 d-md-block d-none b"><a href="#">图书激活</a></div>
        <div class="col-md-5 d-md-block d-none c">
          <div>
            <input type="text" placeholder="搜索书名、ISBN">
            <i class="iconfont icon-sousuotianchong"></i>
          </div>
        </div>
      </div>
    </div>


  </div>
  <!-- 主题部分 -->
  <div class="body1">
    <div class="container">
      <div class="row">
        <!-- 左边 -->
        <div class="block1 col-md-3 d-md-block d-none">
          <div>教材</div>
        </div>
        <!-- 右边 -->
        <div class="block2 col-md-9 col-12">
          <div>教材</div>
          <div class="right ">
            <a href="#">本科</a>
            <a href="#">高职高专</a>
            <a href="#">中职</a>
            <a href="#">住院医师</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="body2">
    <div class="container">
      <div class="row">
        <!-- left -->
        <div class="zuo col-3 d-md-block d-none">
          <div class="dao bg-white">
            <div class="d-flex justify-content-between mt-3">
              <p>本科</p>
              <i class="iconfont icon-jiantou"></i>
            </div>
            <a href="#">临床医学第九轮</a>

          </div>
          <div class="dao bg-white">
            <div class="d-flex justify-content-between mt-3">
              <p>研究生</p>
              <i class="iconfont icon-jiantou"></i>
            </div>
            <a href="#">临床医学</a>

          </div>
          <div class="dao bg-white">
            <div class="d-flex justify-content-between mt-3">
              <p>八年制</p>
              <i class="iconfont icon-jiantou"></i>
            </div>
            <a href="#">临床医学</a>

          </div>
          <div class="dao bg-white">
            <div class="d-flex justify-content-between mt-3">
              <p>继续教育</p>
              <i class="iconfont icon-jiantou"></i>
            </div>
            <a href="#">本专共用</a>

          </div>
          <div class="dao bg-white">
            <div class="d-flex justify-content-between mt-3">
              <p>继续教育</p>
              <i class="iconfont icon-jiantou"></i>
            </div>
            <a href="#">本专共用</a>

          </div>
          <div class="dao bg-white">
            <div class="d-flex justify-content-between mt-3">
              <p>高职高专</p>
              <i class="iconfont icon-jiantou"></i>
            </div>
            <a href="#">临床医学</a>

          </div>
          <div class="dao bg-white">
            <div class="d-flex justify-content-between mt-3">
              <p>中职</p>
              <i class="iconfont icon-jiantou"></i>
            </div>
            <a href="#">护理</a>
            <a href="#">选修课</a>

          </div>
          <div class="dao bg-white">
            <div class="d-flex justify-content-between mt-3">
              <p>中职</p>
              <i class="iconfont icon-jiantou"></i>
            </div>
            <a href="#">护理</a>
            <a href="#">选修课</a>

          </div>
          <div class="dao bg-white">
            <div class="d-flex justify-content-between mt-3">
              <p>培训教材</p>
              <i class="iconfont icon-jiantou"></i>
            </div>
            <a href="#">专科护理岗位规范化培训</a>

          </div>


        </div>
        <!-- right -->
        <div class="you col-9">
          <div class="row">
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2018/08/14/9091_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">
                <div class="wz">
                  <p>临床医学第九轮</p>
                </div>
              </div>
            </div>
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2017/06/09/8145_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">


                <div class="wz">
                  <p>护理</p>
                </div>
              </div>
            </div>
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2018/08/14/9091_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">


                <div class="wz">
                  <p>临床医学第九轮</p>
                </div>
              </div>
            </div>
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2017/06/09/8145_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">


                <div class="wz">
                  <p>护理</p>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2018/08/14/9091_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">
                <div class="wz">
                  <p>临床医学第九轮</p>
                </div>
              </div>
            </div>
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2017/06/09/8145_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">


                <div class="wz">
                  <p>护理</p>
                </div>
              </div>
            </div>
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2018/08/14/9091_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">


                <div class="wz">
                  <p>临床医学第九轮</p>
                </div>
              </div>
            </div>
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2017/06/09/8145_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">


                <div class="wz">
                  <p>护理</p>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2018/08/14/9091_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">
                <div class="wz">
                  <p>临床医学第九轮</p>
                </div>
              </div>
            </div>
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2017/06/09/8145_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">


                <div class="wz">
                  <p>护理</p>
                </div>
              </div>
            </div>
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2018/08/14/9091_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">


                <div class="wz">
                  <p>临床医学第九轮</p>
                </div>
              </div>
            </div>
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2017/06/09/8145_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">


                <div class="wz">
                  <p>护理</p>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2018/08/14/9091_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">
                <div class="wz">
                  <p>临床医学第九轮</p>
                </div>
              </div>
            </div>
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2017/06/09/8145_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">


                <div class="wz">
                  <p>护理</p>
                </div>
              </div>
            </div>
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2018/08/14/9091_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">


                <div class="wz">
                  <p>临床医学第九轮</p>
                </div>
              </div>
            </div>
            <div class="body3 col-3">
              <div class="pic">
                <img src="http://zengzhi.ipmph.com/upload/resources/image/2017/06/09/8145_260x370.jpg" alt=""
                  class="pic-img-top d-block w-75 m-auto">


                <div class="wz">
                  <p>护理</p>
                </div>
              </div>
            </div>
          </div>
          <!-- fenye -->
          <div class="row">
            <div class="col-12 pt-2 pb-2">
              <!-- 分页 -->
              <ul class="pagination">
                <li class="page-item disabled">
                  <a href="#" class="page-link">上一页</a>
                </li>
                <li class="page-item  active">
                  <a href="#" class="page-link">1</a>
                </li>
                <li class="page-item">
                  <a href="#" class="page-link">2</a>
                </li>
                <li class="page-item">
                  <a href="#" class="page-link">3</a>
                </li>
                <li class="page-item">
                  <a href="#" class="page-link">下一页</a>
                </li>
              </ul>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>

  <!-- 底 -->
  <div class="end bg-dark">
    <div class="container-fluid">
      <div class="bao">
        <div class="end1">
          <ul class="d-flex">
            <li>相关链接</li>
            <li>人卫智网</li>
            <li>人卫临床知识库</li>
            <li>教育</li>
            <li>考试</li>
          </ul>
          <ul class="d-flex">
            <li>网站信息</li>
            <li>隐私政策</li>
          </ul>
          <ul class="d-flex">
            <li>联系方式</li>
            <li>服务邮箱：zengzhi@pmph.com</li>
          </ul>
        </div>
        <div class="img">
          <img src="../../pic/人卫二维码1.png" alt="">
          <img src="../../pic/人卫二维码2.png" alt="">
        </div>
      </div>

    </div>
  </div>

  <!-- 固定 -->
  <div class="zdy-fixed position-fixed">
    <img src="https://p.qpic.cn/qidian_pic/2852152829/201805145f400092ff44839e6eb6dae592cdcaea/0" alt="">
  </div>

</body>

</html>